<template>
  <view class="env-info">
    <view class="env-title">欢迎来到前端宝典</view>
  </view>
</template>

<script setup lang="ts">
import { ref } from 'vue';
import { API_BASE_URL, UPLOAD_URL, APP_TITLE, CRYPTO_KEY } from '../api/config';

const apiBaseUrl = ref(API_BASE_URL);
const uploadUrl = ref(UPLOAD_URL);
const appTitle = ref(APP_TITLE);
const cryptoKey = ref(CRYPTO_KEY ? '已配置' : '未配置');
const mode = ref(import.meta.env.MODE);
</script>

<style>
.env-info {
  padding: 20rpx;
  background-color: #f8f8f8;
  border-radius: 10rpx;
  margin: 20rpx;
}

.env-title {
  font-size: 32rpx;
  font-weight: bold;
  margin-bottom: 20rpx;
  color: #333;
}

.env-item {
  display: flex;
  margin-bottom: 10rpx;
}

.label {
  color: #666;
  width: 200rpx;
}

.value {
  color: #333;
  word-break: break-all;
}
</style>